<template>    <div class="card-container">        <!--  生成中  -->        <template v-if="status === 1">            <InProgress></InProgress>        </template>        <!--  成功  -->        <template v-if="status === 3">            <Success :value="value"></Success>        </template>        <!--  失败  -->        <template v-if="status === 2">            <Fail :value="value.fail_reason" :id="value.id"></Fail>        </template>    </div></template><script lang="ts" setup>import InProgress from './in-progress.vue'import Success from './success.vue'import Fail from './fail.vue'const props = withDefaults(    defineProps<{        value?: any        status: number    }>(),    {        value: '',        status: 0    })</script><style scoped>.card-container {    margin-top: 20px;    margin-left: 20px;    width: 340px;    height: 450px;    background: #ffffff;    border-radius: 12px;    box-shadow: 0 3px 10px #ebeefd;}</style>